@charset 'utf8';

// 伪元素iconfont
@font-face {
    font-family: '_iconfont';  /* project id 2057696 */
    src: url('http://at.alicdn.com/t/font_2057696_sp8nrnh8lyl.eot');
    src: url('http://at.alicdn.com/t/font_2057696_sp8nrnh8lyl.eot?#iefix') format('embedded-opentype'),
    url('http://at.alicdn.com/t/font_2057696_sp8nrnh8lyl.woff2') format('woff2'),
    url('http://at.alicdn.com/t/font_2057696_sp8nrnh8lyl.woff') format('woff'),
    url('http://at.alicdn.com/t/font_2057696_sp8nrnh8lyl.ttf') format('truetype'),
    url('http://at.alicdn.com/t/font_2057696_sp8nrnh8lyl.svg#_iconfont') format('svg');
}

@font-face {
    font-family: "_iconfont";
    src: url('http://at.alicdn.com/t/font_2057696_0b25hgmzbycp.eot?t=1600330143803'); /* IE9 */
    src: url('http://at.alicdn.com/t/font_2057696_0b25hgmzbycp.eot?t=1600330143803#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAL0AAsAAAAABxQAAAKoAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCDFAqBVIE8ATYCJAMQCwoABCAFhHkHQBsqBsieg3GzdkSV/1mlZyYDTY8rHr7f739rn7ufavrzkyji1SSRTBJJpeIJWmC6l0T3EvjfucyYZTOQPZRDVmgPf1JOl6YHbsCaWe/NOCA/Nze7N9nmiCs2pyeLD8U99GAaY/g819RLOxvwB6FlamRYpPBoOpCophHtHdGEeCawK2KLvsDnaQJti2Q5R4cnZ1CxRJMCcVOlMVRcc0qpRZpCvWdlig+oplne5T7jfcp//LM7mhS1Cs08c2MoiXp/xi/zFrwFl2MCuQji+hoqbEGSuN4bvChPaII87cH5tkPqUihb2T2PlHohdOV1/sujUgRRR+ldsFcKVfzMCYWlalnUK6JqRRS/+dQETSTVLshBxC1QBN81rKmmdO8pLbm95WT36Jv67uEPYWeh3ef2QpTtHGwNmBYF9faqsPQ6fP0s9RxyGO2QbQrZ++j0m03Uze/1SA88CF/sWVf0rq3Ix3SP/Xk8+auY7qIe1bHcQYQon/gnoHwrCQQvWciIVHX+NTsJfmy2n6X6hKXSVIBF/6UIbEhXQqZMWxoKPXMaQf6CNnv4j6xj31toZ281GlpmC8wNiyUqLctksttR03EAdS2H0bZpYn3HREqeyBY2bAoIY48o+r6jMvZFJvuDmrl/1I2jh7azIe3YsRKPSgc4xAQkcTyL1QSzSGARpZE8ewqoa8R4XZpNmwPuqMzCIX+wHRkBC/g2c5wUDQtBMOHMxMPKeWAYDNucaZAQfkUIuz0QIH0f8ieYiUodwYEYASRhcVmYKoGxkLizUOpam78pgHIZYvhYGad4DuAcqtYdFuIXRMgRpYWVvNI7jhQqTBAIjOAYEzasDQMGA4PZ/cM0IEHwUxb4be0C3IqgSv/xavN3boM2OiWjRBUZNY0TnLm2L1SYJuQ9dxlC') format('woff2'),
    url('http://at.alicdn.com/t/font_2057696_0b25hgmzbycp.woff?t=1600330143803') format('woff'),
    url('http://at.alicdn.com/t/font_2057696_0b25hgmzbycp.ttf?t=1600330143803') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('http://at.alicdn.com/t/font_2057696_0b25hgmzbycp.svg?t=1600330143803#_iconfont') format('svg'); /* iOS 4.1- */
}
  
._iconfont {
    font-family: "_iconfont" !important;
    font-size: 16px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.iconGroup-1:before {
    content: "\e684";
}

.iconGroup-:before {
    content: "\e683";
}

.iconzuo:before {
    content: "\e601";
}
  
  
// 主题色
$color: #409eff;

// 滚动条样式
@mixin scrollStyle 
{
    /*滚动条整体样式*/
    &::-webkit-scrollbar
    {
        width: 4px;
        height: 1px;
    }
    /*滚动条里面小方块*/
    &::-webkit-scrollbar-thumb
    {
        border-radius: 10px;
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        background: rgb(153,153,153);
    }
    /*滚动条里面轨道*/
    &::-webkit-scrollbar-track
    {
        -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2);
        border-radius: 10px;
        background: rgb(247, 248, 250);
    }
}

*
{
    margin: 0;
    padding: 0;
}

._page_container
{
    font-family: Helvetica Neue,Helvetica,PingFang SC,Hiragino Sans GB,Microsoft YaHei,SimSun,sans-serif;
    font-size: 13px;

    height: 28px;
    line-height: 28px;

    text-align: center;

    margin: 100px auto;

    user-select:none;

    input[type=number] 
    {
        -moz-appearance:textfield;
    }

    input[type=number]::-webkit-inner-spin-button,
    input[type=number]::-webkit-outer-spin-button 
    {
        -webkit-appearance: none;
        margin: 0;
    }

    li
    {
        list-style: none;
        vertical-align: top;
    }

    ._pages, ._prev, ._next, ._home, ._last, ._jumper, ._count, ._jumper_input,._sizes,._sizes_text
    {
        display: inline-block;

        color: #606266;
    }

    ._pages
    {
        li
        {
            display: inline-block;

            color: #303133;
            font-weight: bold;

            min-width: 25px;

            text-align: center;

            margin: 0 5px;

            padding: 0 5px;

            border-radius: 2px;

            cursor: pointer;

            &:hover
            {
                color: $color;
            }
        }

        ._pager_prev
        {
            font-family: "_iconfont" !important;

            font-size: 16px;

            &::before
            {
                content: "\e708";
            }

            &:hover
            {
                font-weight: normal;

                &::before
                {
                    content: "\e610";
                }
            }
        }

        ._pager_next
        {
            font-family: "_iconfont" !important;

            font-size: 16px;

            &::before
            {
                content: "\e708";
            }

            &:hover
            {
                font-weight: normal;

                &::before
                {
                    content: "\e60f";
                }
            }
        }
    }

    ._prev, ._next, ._home, ._last
    {
        min-width: 30px;

        font-size: 13px;

        margin: 0 5px;

        border-radius: 2px;

        cursor: pointer;

        &:hover
        {
            color: $color;
        }
    }

    ._prev, ._next
    {
        font-weight: bold;
    }

    
    ._home, ._last, ._prev_text, ._next_text
    {
        font-weight: normal;

        padding: 0 5px;
    }

    ._count
    {
        margin: 0 5px;
    }

    ._jumper
    {
        color: #606266;

        margin: 0 10px;

        ._jumper_input
        {
            font-size: 14px;
            color: #606266;

            width: 50px;
            height: 26px;

            text-align: center;

            margin: 0 5px;
            padding: 3px;

            border: 1px solid #dcdfe6;
            border-radius: 4px;

            background:none;  
            outline:none;  

            box-sizing: border-box;

            &:focus
            {
                border-color: $color;
            }
        }
    }

    ._sizes
    {
        position: relative;

        margin: 0 5px;

        .icon_down
        {
            position: absolute;
            right: 8px;
            top: 1px;

            font-size: 13px;
            color: #c0c4cc;

            cursor: pointer;

            transition: .3s;
        }

        ._sizes_text
        {

            width: 100px;

            padding-left: 8px;
            padding-right: 25px;

            border-radius: 4px;

            border: 1px solid #dcdfe6;

            cursor: pointer;

            box-sizing: border-box;

            z-index: 10;

            &:hover
            {
                border-color: $color;
            }
        }

        ._sizes_select_container
        {
            position: absolute;
            left: 0;
            top: 50px;

            background-color: #fff;

            border-radius: 5px;
                
            box-shadow: 0 2px 12px 0 rgba(0,0,0,.1);

            transform: translateY(-100px) scale(0);
            transition: .3s;

            &::before
            {
                position: absolute;
                top: -6px;
                left: 40px;
                display: block;
                content: '';
                clear: both;
                width: 0;
                height: 0;
                border-left: 7px solid transparent;
                border-right: 7px solid transparent;
                border-bottom: 7px solid #eee;
            }

            &::after
            {
                position: absolute;
                top: -5px;
                left: 41px;
                display: block;
                content: '';
                clear: both;
                width: 0;
                height: 0;
                border-left: 6px solid transparent;
                border-right: 6px solid transparent;
                border-bottom: 6px solid #fff;
            }

            ._sizes_select
            {

                min-width: 110px;
                max-height: 274px;
    
                padding: 5px 0;

                overflow: auto;
            
                overflow-x: hidden;

                @include scrollStyle();
                
                ._sizes_select_li
                {
                    height: 34px;
                    line-height: 34px;

                    cursor: pointer;

                    &:hover
                    {
                        background-color: #f5f7fa;
                    }
                }
    
                ._sizes_select_active
                {
                    font-weight: bold;
                    color: $color;
    
                    background-color: #f5f7fa;
                }
            }
        }

        ._sizes_select_container_show
        {
            transform: translateY(0) scale(1);
        }
    }

    ._sizes_active
    {
        border-color: $color;
    }

    ._sizes_icon_rotate
    {
        transform: rotate(180deg);
    }
}


._pages_1
{
    li
    {
        background-color: #f4f4f5;
    }
}

._prev_1, ._next_1, ._home_1, ._last_1
{
    background-color: #f4f4f5;
}

._active_1
{
    color: #fff !important;

    background-color: $color !important;
}

// ._pages_2
// {
//     li
//     {
//         background-color: #eee;
//     }
// }

._active_2
{
    color: $color !important;
}

._disabled
{
    cursor: not-allowed !important;
}

._disabled_c
{
    color: #c0c4cc !important;
}
